<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // 字符串信息
    // 1. 模板字符串  ${}
    // 2. 字符串新增的方法:


    // at(index) 传入一个下标 返回对应下标的字符 (下标可以是负值)
    // var str = "hello";
    // var char = str.at(4);
    // // var char = str.at(-1);
    // console.log(char);

    // includes()：返回布尔值，表示是否找到了参数字符串。 (字符串中是否存在某个/某段字符)
    // startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部。   (字符串是否以某个/某段字符开头)
    // endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部。(字符串是否以某个/某段字符结尾)

    // var str = "good study , day up";

    // console.log(str.includes("day")); // true
    // console.log(str.includes("Day")); // false

    // console.log(str.startsWith("g"));
    // console.log(str.startsWith("goo"));

    // console.log(str.endsWith("p"));
    // console.log(str.endsWith("up"));


    // repeat(n)   返回一个新字符串，表示将原字符串重复n次。
    // var str = "abc";
    // var result = str.repeat(3);
    // console.log(result);

    // 等价于
    // var str = "abc";
    // var result = "";
    // for (var i = 0; i < 3; i++) {
    //     result += str;
    // }
    // console.log(result);


    // ES2017 引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。padStart()用于头部补全，padEnd()用于尾部补全。
    // padStart(len,padStr)   头部补全
    // padEnd(len,padStr)     尾部补全
    // 第一个参数是字符串补全生效的最大长度，第二个参数是用来补全的字符串。


    // "x"    len:1
    // "x"    len:5

    // console.log("x".padStart(5, "ab")); // "ababx"
    // console.log("x".padEnd(5, "ab")); // "xabab"


    // "x"    len:1
    // "x"    len:4 补全后
    // 脑补算法
    // (补全后的长度 - 原字符串长度) => 需要补全的长度   4 - 1 => 3
    // 需要补全的长度 / 用于补全的字符串 => 向上取整   3 / 2 => 1.5 => 2   abab
    // 截取前需要补全的长度  abab -> (3) -> aba

    // console.log("x".padStart(4, "ab")); // "abax"
    // console.log("x".padEnd(4, "ab")); // "xaba"


    // 应用:  
    var date = new Date("2022-1-1 1:1:1");

    // 1  => 
    var month = date.getMonth() + 1;   // number
    // month = month < 10 ? "0" + month : month

    // month -> 转字符串 -> padStart
    month = String(month).padStart(2, "0");
    month = month.toString().padStart(2, "0");
    console.log(month);




</script>

</html>